<template>
    <div class="aiRowOne">
        <p>一站式AI营销系统</p>
        <p style="font-weight:100">平台+服务，开创“五位一体”智能整合营销模型，提供广告策略定制、</p>
        <p style="font-weight:100">媒体投放策略、广告创意制作、在线广告投放及效果监测的一站式全网整合营销解决方案及服务。</p>
        <!-- <button type="button" @click="$router.push({path:'/ai'})">立即体验</button> -->
        <button type="button" @click="toAISelect">立即体验</button>
        <mask-toast v-if="showMaskToast" @closeMask="closeMask"></mask-toast>
    </div>
</template>
<script>
import maskToast from '../../upgrade/upgradeToast'
export default {
    data(){
       return {
            debug: true,
            showMaskToast: false
       }
    },
    methods: {
        toAISelect(){
            if(this.debug){
                this.showMaskToast = true
                return
            }
            this.$router.push({path:'/AISelect'})
        },
        closeMask(data){
            this.showMaskToast = data
        }
    },
    components: {
        maskToast
    }
};
</script>
<style scoped>
.aiRowOne {
  width: 100%;
  text-align: center;
}
.aiRowOne p:nth-child(1) {
  font-size: 30px;
  color: rgb(34, 34, 34);
}
.aiRowOne p:nth-child(2) {
  margin-top: 25px;
  font-size: 16px;
  color: rgb(34, 34, 34);
}
.aiRowOne p:nth-child(3) {
  margin-top: 5px;
  font-size: 16px;
  color: #444;
}
.aiRowOne > button {
  width: 90px;
  height: 30px;
  background-color: #ed413f;
  font-size: 14px;
  color: #fff;
  border-radius: 20px;
  margin-top: 30px;
  -moz-box-shadow:0px 0px 16px #D4D4D4; -webkit-box-shadow:0px 0px 16px #D4D4D4; box-shadow:0px 0px 16px #D4D4D4;
  box-shadow: 0px 4px 19px #ed9191;
}
</style>


